<script setup>
import {ref} from "vue";
let prop = defineProps(["msg"])

</script>

<template>
    <div class="answer-me">
        <div class="answer-icon">
            <img src="../../assets/images/Arabian-Man.png" alt="">
        </div>
        <div class="me-ques">
            <div class="file">
                <img class="file-icon" src="../../assets/images/wenjian.png" alt="">
                <span class="file-name">{{prop.msg}}</span>
            </div>
<!--            <div class="line">-->
<!--                <q-linear-progress stripe size="2px" :value="progress1" />-->
<!--            </div>-->
        </div>
    </div>
</template>

<style scoped lang="scss">
.answer-me{
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    .answer-icon{
        width: 30px;
        height: 30px;
        position: relative;
        top:5px;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .me-ques{
        background-color: white;
        border-radius: 10px;
        padding: 10px;
        margin-left: 10px;
        letter-spacing: 2px;
        .file{
            display: flex;
            justify-content: start;
            align-items: center;
        }
        .file-icon{
            width: 30px;
            height: 30px;
            vertical-align: center;
        }
        .file-name{
            vertical-align: center;
            padding-left: 10px;
        }
        .line{
            padding-top: 5px;
            min-width: 200px;
        }
    }
}

</style>
